import React from 'react';
import './index.less';
import PropTypes from 'prop-types';
import {ToastIcon,InputItem} from 'antd-mobile';
import CommonHeader from 'COMPONENT/CommonHeader';
import { List } from 'antd-mobile';
import { Button, WhiteSpace, WingBlank } from 'antd-mobile';

const Item = List.Item;
const Brief = Item.Brief;


export default class LoanVoucher extends React.Component {
    static contextTypes = {
        router: PropTypes.object.isRequired
    }
    constructor(props) {
        super(props);
        
        this.state = {
          termsData:[
           {
          
           }
          ]
        }
    }

    componentWillMount() {
        

    }

	backs = () => {
	 	this.context.router.push({
            pathname: '/Home'
        })
	 	return false;
	}
	
	
    render() {
    	let {termsData} = this.state;
    	let _this = this;
        return(
        	
            <div className="LoanVoucher" style={{
            	background:'#F1F3F6',
                height:'100%',
            }}>
				<CommonHeader 
					name='借款凭证'
					leftContentTitle="@back" 
					leftContent='返回'		
                    style={{
                        background:'#1C59B7'
                    }}		
				/>
				<div style={{height:'.9rem'}}></div>
                    <List className="my-list myLoanVoucher">
                        <Item
                        arrow="horizontal"
                        thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
                        multipleLine
                        onClick={() => {}}
                        >
                        <Brief>信用贷款</Brief>
                        <Brief>交通银行</Brief>
                        <Brief>622244444***51118</Brief>
                        </Item>
                    </List>

				   <div>         
                </div>
                    
                <List  className="my-list margin20">
                    <div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>产品名称</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>信用贷</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>借款人</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>李*</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>放款/还款卡号</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>6200000****5111118</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>贷款合同号</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>2000000000000000000000</div></div>
                    </div>
                    <div className="gen" >
                        <div style={{width:'6rem',background:'#999999',height:'.01rem',margin:'0 auto'}}>&nbsp;</div>
                    </div>
                    <div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>贷款金额</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>3000.00元</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>贷款期限</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>24个月</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>贷款日利率</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>百分之2.30</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>还款日</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>每月1日</div></div>
                        <div class="am-list-line" style={{overflow: 'hidden',lineHeight:'1rem'}}><div class="am-list-content" style={{float:'left',color:'#999999',fontSize:'.34rem'}}>放款日期</div><div class="am-list-extra" style={{float:'right',fontSize:'.34rem'}}>2013-02-28</div></div>
                    </div>
                </List>


                {/*<Button type="primary" className="form_btn" style={{margin:'.1rem auto 0'}}>截图保存</Button><WhiteSpace />*/}
                <div className="btnGroup-one">
                    <Button type="primary" className="btnGroup-one-btn">截图保存</Button>
                </div>

            </div>
        );
    }
}